<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>

    // 分析规则：
    //  如果三项都选择了，第一项是键名称key，第三项是值 value
    //  如果第三项选择了不限 'null'，第二项才是 value 值
    // const arr = ['area', 'AREA|8b5511b3-7699-f921', 'AREA|f85e0964-06ae-2bfe'];
    const arr = ['area', 'AREA|8b5511b3-7699-f921', 'null'];

    // 对象的键是个变量
    const key = arr[0];
    // const value = arr[2] === 'null' ? arr[1] : arr[2];
    const value = ['null'].includes(arr[2]) ? arr[1] : arr[2];

    const obj = {
      // 对象键名称是变量
      [key]: value,
    }

    // 访问到对象值的两种方式
    // obj.aaa
    // obj['aaa']

    console.log(arr);
    console.log(obj);


    /*
      小结：
        如果对象的键名称是个变量，请给变量键名称加一个方括号。
     */





  </script>
</body>

</html>